<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        p::first-letter{
            font-size: 3.9em;
            font-weight: 600;
            line-height: 1;
            text-transform: uppercase;
            float: left;
            margin-right: 10px;
        }
        .input:focus-within{
            background-color: red;
        }
        .form>span:has(+input[aria-required]):after{
            content: "*";
            color:red;
        }
    </style>
</head>
<body>
    <p>
        ljsafigksaljfklsajdfklsajdfklsjdafksaldjfdsalkfaskl;gj;alsgkdjnkasehiofjknsdalhfgisaojfkldsa;hygiawoe;jkgn;hsdirgl;ashgjkhsdui<br>
        fhjiaslfjkleujiosajfgksadhgiroetuioasjfgkdalghfdkalladskfjasioeghsdakvnkjdsfahgjkdafhuiehowqeiroseafkdaslfjsadhklgjsadigoweafia<br>
        fhjiaslfjkleujiosajfgksadhgiroetuioasjfgkdalghfdkalladskfjasioeghsdakvnkjdsfahgjkdafhuiehowqeiroseafkdaslfjsadhklgjsadigoweafia<br>
        fhjiaslfjkleujiosajfgksadhgiroetuioasjfgkdalghfdkalladskfjasioeghsdakvnkjdsfahgjkdafhuiehowqeiroseafkdaslfjsadhklgjsadigoweafia<br>
        fhjiaslfjkleujiosajfgksadhgiroetuioasjfgkdalghfdkalladskfjasioeghsdakvnkjdsfahgjkdafhuiehowqeiroseafkdaslfjsadhklgjsadigoweafia<br>
        fhjiaslfjkleujiosajfgksadhgiroetuioasjfgkdalghfdkalladskfjasioeghsdakvnkjdsfahgjkdafhuiehowqeiroseafkdaslfjsadhklgjsadigoweafia<br>
        fhjiaslfjkleujiosajfgksadhgiroetuioasjfgkdalghfdkalladskfjasioeghsdakvnkjdsfahgjkdafhuiehowqeiroseafkdaslfjsadhklgjsadigoweafia<br>
        fhjiaslfjkleujiosajfgksadhgiroetuioasjfgkdalghfdkalladskfjasioeghsdakvnkjdsfahgjkdafhuiehowqeiroseafkdaslfjsadhklgjsadigoweafia<br>
        fhjiaslfjkleujiosajfgksadhgiroetuioasjfgkdalghfdkalladskfjasioeghsdakvnkjdsfahgjkdafhuiehowqeiroseafkdaslfjsadhklgjsadigoweafia<br>
        fhjiaslfjkleujiosajfgksadhgiroetuioasjfgkdalghfdkalladskfjasioeghsdakvnkjdsfahgjkdafhuiehowqeiroseafkdaslfjsadhklgjsadigoweafia<br>
        fhjiaslfjkleujiosajfgksadhgiroetuioasjfgkdalghfdkalladskfjasioeghsdakvnkjdsfahgjkdafhuiehowqeiroseafkdaslfjsadhklgjsadigoweafia<br>
    </p>
    
    <div class="input">
        <input >
    </div>

    <div class="form">
        <span >姓名：</span> <input aria-required>
    </div>

    <div class="form">
        <span >姓名：</span> <input aria-required>
    </div>


</body>
</html>